import 'package:flutter/material.dart';
import 'LabelIcon.dart';
import 'LabelBelowIcon.dart';

class ExampleLabelIcons extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
        mainAxisAlignment: MainAxisAlignment.start,
        children: <Widget>[
          _labelIconRow(),
          // new Row(children: <Widget>[
          //   LabelIcon(
          //     label: "Phone_iphone",
          //     icon: Icons.phone_iphone,
          //     iconColor: Colors.red,
          //     onPressed: () {},
          //   ),
          // ]),
          // new Row(
          //   children: <Widget>[
          //     LabelIcon(
          //       label: "Phone",
          //       icon: Icons.phone,
          //       iconColor: Colors.green,
          //       onPressed: () {},
          //     ),
          //   ],
          // ),
          // new Row(
          //   children: <Widget>[
          //     LabelBelowIcon(
          //       label: "美食",
          //       icon: Icons.kitchen,
          //       iconColor: Colors.blue,
          //       circleColor: Colors.redAccent,
          //       betweenHeight: 20.0,
          //       onPressed: () {},
          //     ),
          //     LabelBelowIcon(
          //       label: "娱乐",
          //       icon: Icons.free_breakfast,
          //       iconColor: Colors.cyan,
          //       circleColor: Colors.yellow,
          //       onPressed: () {},
          //     ),
          //   ],
          // ),
        ],
    );
  }

  Widget _labelIconRow() {
    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 20.0, vertical: 15.0),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        mainAxisSize: MainAxisSize.max,
        children: <Widget>[
          LabelBelowIcon(
            icon: Icons.cloud,
            label: "京东超市",
            circleColor: Colors.red,
          ),
          LabelBelowIcon(
            icon: Icons.mail,
            label: "机票酒店",
            circleColor: Colors.blue,
          ),
          LabelBelowIcon(
            icon: Icons.map,
            label: "京东到家",
            circleColor: Colors.amber,
          ),
          LabelBelowIcon(
            icon: Icons.category,
            label: "分类",
            circleColor: Colors.cyan,
          ),
        ],
      ),
    );
  }
}
